<template>
    <div class="page">
        <el-pagination background layout="total,prev, pager, next,jumper" :total="total" :page-sizes="pageSize" :current-page="currentPage"
            @current-change="changePageNum">
        </el-pagination>
    </div>
</template>

<script>
export default {
    props: {
        total: {
            type: Number,
            default: 100,
        },
        pageSize: {
            type: Number,
            default: 10,
        },
        currentPage: {
            type: Number,
            default: 1,
        },
    },
    methods:{
        changePageNum(page){
            this.$emit("changePageNum", page);
        }
    }
}
</script>

<style lang="less" scoped>
.page{
    text-align: center;
    margin: 20px;
}
</style>
